<!doctype html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>秘盒幻想曲</title>
    <link rel="stylesheet" type="text/css" href="css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="css/default.css">
    <link rel="stylesheet" type="text/css" href="css/styles.css">
    <!-- <link href="https://cdn.bootcss.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet">
	<script src="https://cdn.bootcss.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> -->
</head>
<style>
    * {
        list-style: none;
        text-decoration: none;
    }
    
    .navs {
        position: fixed;
        width: 700px;
        height: 60px;
        right: 20px;
        top: 20px;
        z-index: 8989;
    }
    
    .as {
        font-size: 16px;
        color: white
    }
    
    .as:hover {
        color: #FF5777
    }
    
    .navs ul li {
        height: 60px;
        line-height: 60px;
        margin: 0 10px;
        float: left;
    }
    
    .h5s {
        position: fixed;
        bottom: 240px;
        left: 20px;
        z-index: 999;
        font-weight: lighter;
        font-size: 12px;
        color: white;
        text-align: center
    }
    
    .h6s {
        position: fixed;
        bottom: 60px;
        left: 20px;
        z-index: 999;
        font-weight: lighter;
        font-size: 12px;
        color: white;
        text-align: center
    }
    
    .h7s {
        position: fixed;
        bottom: 30px;
        left: 30px;
        z-index: 999;
        font-weight: lighter;
        font-size: 14px;
        color: white;
        text-align: center
    }
    
    .h7s a:hover {
        color: #FF5777
    }
    
    .pbt {
        position: fixed;
        color: #FF5777;
        bottom: 100px;
        left: 30px;
        width: 120px;
        z-index: 999
    }
    
    .pages1 {
        position: fixed;
        width: 100vw;
        height: 100vh;
        z-index: 2223;
        /* background: black */
    }
</style>

<body>
    <!-- <div class="pages1">
    <iframe src="https://mp.weixin.qq.com/s/z-XOBttgF09PybnP9icQsg" frameborder="0"></iframe>
	</div> -->
    <img src="img/logo.png" alt="loading..." class="prf">
    <img src="img/qrcode.jpg" alt="loading..." class="pbt">
    <h5></h5>
    <h5 class="h5s">
        欢迎致电咨询<br> 0571-88682269
        <br> 周一至周五 8:00-20:00
    </h5>
    <h5 class="h6s">@杭州秘盒网络科技有限公司</h5>
    <h5 class="h7s"><a href="http://www.miitbeian.gov.cn/" style="color: white">浙ICP备18018651号</a></h5>
    <div class="navs">
        <ul>
            <li><a href="./index.html" class="as">首页</a></li>
            <li><a href="./product.html" class="as">产品中心</a></li>
            <li><a href="http://m.kuaidi100.com/" class="as">快递查询</a></li>
            <li><a href="./qs.html" class="as">常见问题</a></li>
            <li><a href="./aboutus.html" class="as">关于我们</a></li>
            <li><a href="./ab.html" class="as">联系我们</a></li>
            <li><a href="./ab.html" class="as">隐私政策</a></li>
        </ul>
    </div>
    <div class="main">
        <!-- <div class="sidebar-hover">
            <p class="pagination">
                <span class="page">01</span> / <span class="total-pages">08</span>
            </p>
        </div> -->
        <!-- <div class="sidebar-real">
            <div data-page="1" class="nav-elem nav-1 active"></div>
            <div data-page="2" class="nav-elem nav-2"></div>
            <div data-page="3" class="nav-elem nav-3"></div>
            <div data-page="4" class="nav-elem nav-4"></div>
            <div data-page="5" class="nav-elem nav-5"></div>
	    <div data-page="6" class="nav-elem nav-6"></div>
	    <div data-page="7" class="nav-elem nav-7"></div>
	    <div data-page="8" class="nav-elem nav-8"></div>
        </div> -->
        <div class="sections">
            <div class="section section-1">
                <div class="left-part"></div>
                <div class="content">
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <!-- <h2 class="section-heading">Step1 填写穿搭档案</h2>
                    <p class="additional-text">让我们更好的了解您的身型，穿衣的风格和偏好</p> -->
                </div>
            </div>
            <!-- <div class="section section-2">
                <div class="left-part"></div>
                <div class="content">
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <h2 class="section-heading" style="padding-bottom:8rem;">Step2 预约秘盒</h2>
                    <p class="additional-text" style="width: 395px;line-height: 30px;">根据搭配档案，我们为您精心准备的秘盒，包括5-7件合适您的服饰及给您的穿搭建议。</p>
                </div>
            </div>
            <div class="section section-3">
                <div class="left-part"></div>
                <div class="content">
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <h2 class="section-heading" style="padding-bottom:9rem;">Step3 试穿反馈</h2>
                    <p class="additional-text" style="width: 395px;line-height: 30px;">收到秘盒后，您有七天的时间在家试穿，挑选并留下您喜欢的服饰（仅需支付留下的服饰），其余的免费退回。</p>
                </div>
            </div>
            <div class="section section-4">
                <div class="left-part"></div>
                <div class="content">
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <div class="bg-part"></div>
                    <h2 class="section-heading" style="padding-bottom:9rem;width: 420px;">立即体验</h2>
                    <p class="additional-text" style="width: 395px;line-height: 30px;">扫描二维码，立即进入您的秘盒私人"衣橱"</p>
                </div>
            </div> -->
            <!-- <div class="section section-5">
	      <div class="left-part"></div>
	      <div class="content">
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	        <h2 class="section-heading">Fancy heading #5</h2>
	        <p class="additional-text">Some cool info or hashtags #5</p>
	      </div>
	    </div>
	    <div class="section section-6">
	      <div class="left-part"></div>
	      <div class="content">
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	        <h2 class="section-heading">Fancy heading #6</h2>
	        <p class="additional-text">Some cool info or hashtags #6</p>
	      </div>
	    </div>
	    <div class="section section-7">
	      <div class="left-part"></div>
	      <div class="content">
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	        <h2 class="section-heading">Fancy heading #7</h2>
	        <p class="additional-text">Some cool info or hashtags #7</p>
	      </div>
	    </div>
	    <div class="section section-8">
	      <div class="left-part"></div>
	      <div class="content">
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	        <div class="bg-part"></div>
	
	      </div>
	    </div> -->
        </div>
        <!-- <h2 class="scroll-down">Scroll down</h2> -->
    </div>

    <script src='js/stopExecutionOnTimeout.js?t=1'></script>
    <script src='js/jquery-1.11.0.min.js'></script>
    <script type="text/javascript" src="js/main.js"></script>
</body>

</html>